<template>
    <div class="breadcrumb">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>活动管理</el-breadcrumb-item>
        <el-breadcrumb-item>活动列表</el-breadcrumb-item>
        <el-breadcrumb-item>活动详情</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <!-- <div class="breadcrumb">
      <el-breadcrumb class="breadcrumb" separator="/">
        <transition-group name="breadcrumb">
          <el-breadcrumb-item v-for="(item,index)  in levelList" :key="item.path" v-if="item.meta.title">
            <span v-if="item.redirect==='/homepage'||index==levelList.length-1" class="no-redirect">{{item.meta.title}}</span>
            <router-link v-else :to="item.redirect||item.path">{{item.meta.title}}</router-link>
          </el-breadcrumb-item>
        </transition-group>
      </el-breadcrumb>
    </div> -->
</template>

<script>

export default {
  name: 'breadcrumb',
  // created () {
  //   this.getBreadcrumb()
  // },
  data () {
    return {
    }
  }
  // watch: {
  //   $route () {
  //     this.getBreadcrumb()
  //   }
  // },
  // methods: {
  //   getBreadcrumb () {
  //     let matched = this.$route.matched.filter(item => item.name)
  //     const first = matched[0]
  //     if (first && first.name !== '首页') {
  //       matched = [{path: '/homepage', meta: { title: 'homepage' }}].concat(matched)
  //     }
  //     this.levelList = matched
  //   }
  // }
}
</script>

<style rel="stylesheet/scss" scoped>
  /* // .app-breadcrumb.el-breadcrumb {
  //   display: inline-block;
  //   font-size: 14px;
  //   line-height: 50px;
  //   margin-left: 10px;
  //   .no-redirect {
  //     color: #97a8be;
  //     cursor: text;
  //   }
  // } */
  .breadcrumb{
    margin-top: 20px;
  }
</style>
